<template>
    <ph-button class="ph-nav-action" type="transparent"><slot></slot></ph-button>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import { PhButton } from '../base'
export default defineComponent({
    components:{
        PhButton
    }
})
</script>
<style lang="scss">
.ph-nav-action{
    background-color: var(--ph-nav-bg);
    border-color: var(--ph-nav-bg);
    &:hover{
        background-color: var(--ph-nav-bg-hover);
        border-color: var(--ph-nav-bg-hover);
        color: var(--ph-nav-color-dark);
    }
}
</style>
